.login{
    position: relative;
    width: 100%;
    height: 100%;
    font-size: .426667rem;
    header{
        box-sizing: border-box;
        padding-top: 1.333333rem;
        width: 100%;
        height: 2.666667rem;
        display: flex;
        justify-content: center;
        align-items: center;
        img{
            width: 2.949333rem;
            height: 2.426667rem;
        }
    }
    main{
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding-top: 1.5rem;
        padding-left: .666667rem;
        padding-right: .666667rem;
        // background: cadetblue;
        .serviceCode{
            border-bottom: .026667rem solid #f5f5f5;
            // background: coral;
            width: 100%;
            height: 10%;
            input{
                width: 100%;
                height: 100%;
            }
        }
        .username{
            border-bottom: .026667rem solid #f5f5f5;
            // background: lightgreen;
            width: 100%;
            height: 10%;
            input{
                width: 100%;
                height: 100%;
            }
        }
        .password{
            border-bottom: .026667rem solid #f5f5f5;
            // background: lightcoral;
            width: 100%;
            height: 10%;
            input{
                width: 100%;
                height: 100%;
            }
        }
        .accList{
            // background: rgb(230, 31, 203);
            width: 100%;
            height: 10%;
            span{
                width: 20%;
                height: 100%;
            }
            select{
                border-bottom: .026667rem solid #f5f5f5;
                background: #fff;
                border: 0;
                width: 80%;
                height: 100%;
            }
        }
        .datePick{
            // background: lightyellow;
            width: 100%;
            height: 10%;
            position: relative;
            button {
                width: 100%;
                height: 100%;
            }
        }
    }
    footer{
        position: absolute;
        bottom: 10%;
        left: 0;
        width: 100%;
        height: 1.333333rem;
        display: flex;
        justify-content: center;
        align-items: center;
        div{
            background: #e14c46;
            border-radius: .266667rem;
            color: #fff;
            width: 88%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: .533333rem;
        }
    }
}